Introducere HTML

2.1. recapitulare A1 (paragrafe, text.....)http://www.marplo.net/html/paragrafe_linie.html
Background . Exemplu <body bgcolor="#00FF7F"> mai multe coduri aici
combinatia : RGB - Red Green Blue- culorile albastru, roșu și verde sunt amestecate în diferite moduri pentru a produce o gamă largă de culori
2.2.

FisaLucru2.docx

https://www.w3schools.com/html/html5_video.asp
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>

SWF (Shockwave Flash)

<embed src="helloworld.swf"> ( https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_embed )
2.3. FormatareText http://www.marplo.net/html/format_text.html

Create A Slideshow

https://www.w3schools.com/howto/howto_js_slideshow.asp

How TO - Modal Images

https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_modal_img

http://www.tutorialehtml.com/htmlt/imagini.php	http://www.tutorialehtml.com/htmlt/background.php
http://www.tutorialehtml.com/htmlt/links_text.php https://tutorialehtml.com/ro/links-in-html-atributul-href/ (interne/ancore în pagină, (creare id="nume ID"..trimitere a href="#id")locale sau globale) http://www.w3schools.com/tags/att_body_background.asp	( http://info.mcip.ro/bac2010/cap%203%20-%20HTML.pdf )"
http://www.tutorialehtml.com/htmlt/coduri_pt_muzica.php	http://www.voki.com http://www.pixton.com/

Observatii pentru inserarea unei imagini : " Dacă imaginea se afla în acelaşi director cu fişierul HTML care face referire la imagine,atunci adresa URL a imaginii este formată numai din numele imaginii, inclusiv extensia. Dacă imaginea se afla într-un subdirector al directorului paginii HTML din care este apelata, să spunem "images", atunci aceasta este apelata cu URL-ul: "/images/imagine1.jpg". În schimb, dacă

fişierul imagine este situat într-un director "images" dintr-un super director al directorului paginiiHTML apelante, referirea se face cu URL-ul:"../images/imagine1.jpg".

Harti de Imagine
http://www.marplo.net/html/harti_de_imagini.html

Inserare cod Youtube

http://www.youtube.com/watch?v=t3217H8JppI
secventa de cod poate fi modificata foarte simplu:
copiati codul melodiei mentionat dupa semnul=
si modificati secventa alaturata

Exemplu:

Symphony No. 9 ~ Beethoven

<iframe width="420" height="315"

src="http://www.youtube.com/embed/t3217H8JppI

" frameborder="0" allowfullscreen></iframe>

A3. Inserare tabele/liste

EXEMPLE TABELE.doc

http://www.tutorialehtml.com/htmlt/tabele.php
http://www.tutorialehtml.com/htmlt/liste.php

Frame

FrameSet/orizontal/vertical/combinat (http://www.w3schools.com)

<!DOCTYPE html>
<html>

<frameset rows="25%,*,25%">
<frame src="frame_a.htm">
<frame src="frame_b.htm">
<frame src="frame_c.htm">
</frameset>

</html>
[3]

<frameset cols="25%,*,25%">
<frame src="frame_a.htm">
<frame src="frame_b.htm">
<frame src="frame_c.htm">
</frameset>

[4]

<!DOCTYPE html>
<html>

<frameset rows="50%,50%">
<frame src="frame_a.htm">
<frameset cols="25%,75%">
<frame src="frame_b.htm">
<frame src="frame_c.htm">
</frameset>
</frameset>

</html> [5]

Exemplu
TestFrame.rar
Details
Download
269 KB

A4. Liste

Exemplu liste + DIV/SPAN
( preluat de la adresa http://www.marplo.net/html/div_span.html )
<html>
<head>
<title>Titlul</title>
<style type="text/css">
span {
border:2px solid red;
padding:1px;
color:#1111fe;// cod culoare albastru
}
</style>
</head>
<body>
<h4>Exemplu de text cu eticheta SPAN in interiorul frazei.</h4>
<ul>
<li>Linia 1</li>
<li> Linie 2, in span </li>
<li>Linia 3</li>
<li> Linie 4, in span </li>
<li>Linia 5</li>
</ul>
</body>
</html>